<script type="text/javascript">
 $(document).ready(function(){

  // Add Scroller Object
  $jScroller.add("#scroller_container","#scroller","up",3);

  // Start Autoscroller
  $jScroller.start();
 });
</script>
<div class="box">
  <div class="box-heading"><?php echo $heading_title; ?></div>
  <div class="box-content">
    <div class="box-product" id="scroller_container">
    <div id="scroller">
      <table style="width: 100% font-family: ">
            <tbody>
            <tr>
            <?php foreach ($products as $product) { ?>
	  <td>
                <?php if ($product['thumb']) { ?>
        <div class="image1"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" style="padding: 3px; border: 1px solid #E7E7E7;" /></a></div>
        <?php } ?>
        </td>
		<td style="width: 100%; border-bottom: 1px solid #DBDEE1;">
		
        <a href="<?php echo $product['href']; ?>" style="text-decoration:none; font-weight:bold;">
        <?php
        $arr_name = explode("/", $product["name"]);
        echo empty($arr_name[0])?"":$arr_name[0]; 
        //echo $product['name']; 
        ?>
        </a><br>
        		
          <?php if (!$product['special']) { ?>
          <span style="font-weight:bold; color: #333333"><?php echo $product['price']; ?></span>
          <?php } else { ?>
          <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
          <?php } ?>        
                </td>
             </tr>
            <?php } ?>
      </tbody></table>
      </div>
    </div>
  </div>
</div>
